html,body,#app{min-height: 100%;font-size: .28rem;color: #fff;background-color: #081757;}
a{color: #fff;}
.container{width: 7.5rem;min-height: 100%;background:url("../images/img_index_header_1.png") no-repeat top center / 7.5rem 6.1rem #081757;margin: 0 auto;}
/*页头*/
.container .header{width: 100%;height: 4.2rem}
.container .header img{width: 100%}

/*内容*/
.container .middle{margin: 0 auto;overflow: hidden;padding-bottom: .2rem}
.container .middle .m1{line-height: .4rem;width: 6.1rem;margin: 0 auto;}
.container .middle .m1 li{margin: .2rem 0;background: #4954B7;border-radius: .06rem;}
.container .middle .m1 li{}
.container .middle .m1 li .title{width: 100%;height: .5rem;line-height: .5rem;position: relative;background: #313DA5;border-radius: .06rem;display: block}
.container .middle .m1 li .title span{display: block}
.container .middle .m1 li .title .sTxt{float: left;height: .5rem;line-height: .5rem;margin-left: .15rem}
.container .middle .m1 li .title .sImg{position: absolute;top: .2rem;right: .15rem;width: .25rem;height: .14rem;transition: transform .2s}
.container .middle .m1 li .title.active .sImg{transform: rotate(180deg)}
.container .middle .m1 li .title .sImg img{display: block;width: 100%}

.container .middle .m1 li .body{padding: .3rem;}
.container .middle .m1 li .body .bodyContent{}
.container .middle .m1 li .body .bodyRemarks{margin-top: .25rem;font-size: .24rem;color: #B1BBFF;}

.container .middle .m1 li .body .bodyCard{overflow: hidden}
.container .middle .m1 li .body .bodyCard .cardLeft{width: 1.3rem;height: .9rem;float: left;margin-right: .15rem}
.container .middle .m1 li .body .bodyCard .cardLeft img{display: block;width: 100%}
.container .middle .m1 li .body .bodyCard .cardRight{float: left;width: 3.48rem;line-height: .45rem}

.container .middle .m2{text-align: center;color: #B1BBFF;font-size: .24rem;margin: .2rem auto;width: 6.1rem;}

.container .middle .m3{background: url("../images/bg_m3_title.png") repeat-x center center /2.93rem .05rem;padding: .3rem 0}
.container .middle .m3 .title{font-size: .36rem; color: #B1BBFF; text-align: center;background-color: #081757;margin: 0 auto;height: .36rem;line-height: .36rem;width: 1.7rem}

.container .middle .m4{width: 5.9rem;margin: 0 auto}
.container .middle .m4 li{height: .6rem;line-height:.6rem;box-sizing: border-box;padding-top: .1rem;border-bottom: 1px solid #D4D4D4;margin-bottom: .3rem;position: relative}
.container .middle .m4 li .sIc{display: block;float: left;width: .36rem;height: .38rem;margin-left: .05rem}
.container .middle .m4 li .sIc img{display: block;width: 100%;}
.container .middle .m4 li .ipt{float: left;border: none;background: none;color: #fff;text-indent: .25rem;height: .38rem;line-height: .38rem;padding: 0;font-size: .32rem}
.container .middle .m4 li .ipt::placeholder{color: #eee}

.container .middle .m4 li.iptPhone{}

.container .middle .m4 li.iptCode{}
.container .middle .m4 li.iptCode .code{font-size: .32rem;position: absolute;top: 0;right: 0;display: block;height: .6rem;line-height: .6rem;padding-left: .1rem;background-color: transparent;margin: 0;color: #fff;border: 0;outline: none}

.container .middle .m5{width: 5.9rem;margin: 0 auto;height: .9rem;position: relative}
.container .middle .m5 #adviceImg{opacity: 0;background-color: #fff;height: .9rem;width: 3rem;position: absolute;top: 0;left: 0;}
.container .middle .m5 .sImg{width: .9rem;height: .9rem;background-color: #3C51E2;display: block;overflow: hidden;border-radius: .07rem;float: left}
.container .middle .m5 .sImg img{width: .52rem;height: .45rem;display: block;margin: .22rem auto 0;}

.container .middle .m5 .sTxt{float: left;font-size: .32rem;height: .9rem;line-height: .9rem;margin-left: .12rem}

.container .middle .m6{width: 5.9rem;margin: .3rem auto;background-color: #fff;padding: .3rem;box-sizing: border-box;border-radius: .06rem}
.container .middle .m6 img{width: 5.3rem;display: block;border: 1px solid #ddd;border-radius: .06rem}

.submitBtn{background: #3C51E2;  border-radius: .36rem;width: 6.1rem;height: .72rem;line-height: .72rem;font-size: .32rem;display: block;margin: .3rem auto;text-align: center}


